<template>
	<view class="my-service">
		<text class="contact">客服微信号：dahiohd</text>
    <image src="../../static/template.png" mode=""></image>
    <text class="save">在微信搜索客服微信号或长按图片保存</text>
    <view class="my-service-mobile">
      <image src="../../static/电话%20(1)@2x.png" mode=""></image>
      <text class="phone">客服电话</text>
      <text class="number">18745622211</text>
    </view>
    <text class="call">点击号码直接拨号</text>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.my-service {
  display: flex;
  flex-direction: column;
  align-items: center;
  .contact {
    font-size: 28rpx;
    color: #27262D;
    margin-top: 76rpx;
  }
  image {
    width: 284rpx;
    height: 284rpx;
    margin-top: 43rpx;
    border: 1px solid #fdfdfd;
  }
  .save {
    font-size: 24rpx;
    color: #9B9B9B;
    margin-top: 20rpx;
  }
  .my-service-mobile {
    image {
      width: 25rpx;
      height: 31rpx;
      vertical-align: bottom;
    }
    .phone {
      font-size: 28rpx;
      color: #27262D;
      margin-left: 21rpx;
      margin-right: 29rpx;
    }
    .number {
      font-size: 28rpx;
      color: #33BA30;      
    }
  }
  .call {
    margin-top: 47rpx;
    font-size: 24rpx;
    color: #9B9B9B;
  }
}
</style>
